<template>
  <div class="admin-test">
    <h1>管理员测试页面</h1>
    <p>如果您看到这个页面，说明管理员登录成功了！</p>
    <p>当前用户：{{ userStore.userInfo?.name }}</p>
    <p>是否管理员：{{ userStore.isAdmin }}</p>
    <p>是否登录：{{ userStore.isLoggedIn }}</p>
    <el-button type="primary" @click="$router.push('/admin/index')">
      前往管理员首页
    </el-button>
  </div>
</template>

<script setup>
import { useUserStore } from '../../stores/user'

const userStore = useUserStore()
</script>

<style scoped>
.admin-test {
  padding: 50px;
  text-align: center;
}

h1 {
  color: #409eff;
  margin-bottom: 20px;
}

p {
  margin: 10px 0;
  font-size: 16px;
}
</style>
